/******************  inner ******************/

#daohang {
    width: 1200px;
    margin:  0 auto;
   line-height: 3em;
}

#inner {
    width: 1200px;
    margin:  0 auto;
    display: flex;
    justify-content:  space-between;
}


#sidebar {
    width: 305px;
        border: 1px solid #d2d2d2;
        border-top: 0;
       box-sizing: border-box;
           height: max-content;
}


#sidebar  .prolist {
    
}


#sidebar  .prolist .name {
    background: #292e39;
    line-height: 3em;
    color: white;
    font-size: 24px;
    padding-left: 1em;
    margin-left: -1px;
    margin-right: -1px;
}

#sidebar  .prolist .name  span {
    font-size: 16px;
    
}

#sidebar  .prolist  a {
    line-height: 3em;
        border-bottom: 1px solid #e4e4e4;
    display: block;
    padding-left: 30px;
}

#sidebar  .prolist  h3 {
    background: #eb0014;
    color: white;
}

#content {
    width: 845px;
}

/******************  list-text  ******************/
.list-text {
    
}


.list-text  a {
    display: block;
        border: 1px solid #e1e1e1;
    padding: 30px;
    margin-bottom: 30px;
}

.list-text  a:hover {
       box-shadow: 0px 2px 10px 1px rgba(8, 1, 3, 0.2); 
}


.list-text  a .name {
    display: flex;
    align-items: center;
    justify-content:  space-between;
    border-bottom: 1px solid #999;
}

.list-text  a .name  span {
    line-height: 2em;
    font-size: 20px;
}

.list-text  a .name   .ymd {
    font-size: 16px;
    color: #999;
}

.list-text  a .con {
    margin-top: 8px;
    line-height: 1.7em;
    color: #666;
}

.list-text  a  .more {
        background: #eb0014;
    color: white;
    display: inline-block;
    padding:  5px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}


/******************  list-pro  ******************/



.list-pic {
    display: flex;
    justify-content:  space-between;
    flex-wrap:  wrap;
}


.list-pic a  {
    width: 32%;
    padding: 5px;
    padding-bottom: 0;
    box-sizing: border-box;
    border: 1px solid #999;
        margin-bottom: 20px;
}

.list-pic a img {
        max-width: 100%;
        
        transition: all .5s ease;
}

.list-pic a img:hover {
	transform: scale(1.2);
}

.list-pic a .img {
    overflow: hidden;
}

.list-pic a  p {

    color: #333;
    text-align: center;
    line-height: 3em;
    overflow: hidden;
        text-overflow: ellipsis;
            white-space: nowrap;
 
}

.list-pic a:hover p {
     background: #eb0014;
       margin-left: -5px;
    margin-right: -5px;
    color: white;
}

/******************  page  ******************/

#page {
    
}


#page h1  {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    margin:  0;
    padding:  0;
    margin-bottom: 5px;
}

#page .ymd {
    border-bottom: 1px solid #ccc;
    line-height: 2em;
    color: #ccc;
}

#page .last-con {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1.7em;
    color: #777;
}

#page .more-info {
    
}

#page .more-info .title {
    border: 1px solid #ccc;
    line-height: 2em;
}

#page .more-info .title  span {
    display: inline-block;
    padding:  0 20px;
    border-right: 1px solid #ccc;
    
    background: #eb0014;
    color: white;
    margin-bottom: -1px;
}

#page .more-info  .pics {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content:  space-between;
}

#page .more-info  .pics  a {
    width: 24%;
}

#page .more-info  .pics  a img {
    width: 100%;
    height:  auto;
}

#page .more-info  .pics  a p {
    background: #eb0014;
    text-align: center;
    line-height: 2em;
    color: white;
        text-overflow: ellipsis;
            white-space: nowrap;
                overflow: hidden;
}


#page .more-info  .texts {
    display: flex;
    justify-content:  space-between;
    flex-wrap: wrap;
}

#page .more-info  .texts  a {
    width: 48%;
    line-height: 2.4em;
    border-bottom: 1px  solid #ccc;
    box-sizing: border-box;
    display: flex;
    justify-content:  space-between;
    color: #666;
}

#page .more-info  .texts  a span:nth-child(2) {
    color: #ccc;
}


.a-fiy {
    display: flex;
        display: flex;
            justify-content: space-between;
                align-items: center;
                    line-height: 2.1;
                        border-bottom: 2px solid #eb0014;
                            position: relative;
                                top: -14px;
}


.a-fiy h2 {
}



.a-fiy span {
}